<template>
	<div>
		<van-row style="width: 100%;height: 30vh;">
			<van-col span="24" style="width: 100%;height: 10vh;display: flex;flex-wrap: wrap;">
				<div style="width: 30%;height: 25px;border-radius: 15px;background-color: #f3f3f3;margin-left: 3%;text-align: center;font-size: 10px;line-height: 25px;" v-for="(item,index) in brief" :key="index">{{item}}</div>
				<!-- <div style="width: 25%;height: 25px;border-radius: 15px;background-color: #f3f3f3;margin-left: 3%;text-align: center;font-size: 10px;line-height: 25px;">平板电脑</div>
				<div style="width: 25%;height: 25px;border-radius: 15px;background-color: #f3f3f3;margin-left: 3%;text-align: center;font-size: 10px;line-height: 25px;">蓝牙耳机</div>
				<div style="width: 25%;height: 25px;border-radius: 15px;background-color: #f3f3f3;margin-left: 3%;text-align: center;font-size: 10px;line-height: 25px;">mac book</div>
				<div style="width: 25%;height: 25px;border-radius: 15px;background-color: #f3f3f3;margin-left: 3%;text-align: center;font-size: 10px;line-height: 25px;">12pro</div> -->
			</van-col>
		</van-row>
	</div>
</template>

<script>
	export default {
		props:{
			brief:{
				type:Array,
				required:true
			}
		},
		data(){
			return{
				briefs:[]
			}
		},
		created(){
			this.briefs=this.brief
		},
		methods:{
			
		}
	}
</script>

<style>
</style>
